<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>upload</title>

    <style>
      body {background:#EDECE3; margin:0; padding:0;}
      .cover-uploader {position:relative; width:102px;}
      .cover-btn {background:#AA2105; border:none; color:white; text-align:center; font-size:14px; width:102px; height:43px;}
      .cover-file {position:absolute; top:0; right:0; height:43px; filter:alpha(opacity:0); opacity:0; width:102px; cursor:pointer; font-size:40px;}

      .steps-uploader {position:relative; width:58px;}
      .steps-btn {width:91px; height:61px; background:none; border:none; color:#937E68; text-align:center; line-height:61px; font-size:12px; z-index:999;}
      .steps-file {position:absolute; top:0; right:0; height:61px; filter:alpha(opacity:0); opacity:0; width:91px; cursor:pointer; font-size:60px; z-index:0;}
  
    </style>

    <script>
        $ = window.parent.jQuery;
        function submitForm(str) {
          $("#loadding"+str).show();

          document.getElementById("uploader").submit();
        }
    </script>
</head>
<body>
    <div class="{{ ptype }}-uploader">
        <form method="POST" action="/upload_temp_pic?hash_id={{ hash_id }}&ptype={{ ptype }}" id="uploader" enctype="multipart/form-data">
            <input type="button" class="{{ ptype }}-btn" value="+ {{ ptype }}">
            <input type="file" onchange="return submitForm(&#39;{{ hash_id }}&#39;);" name="filefield" class="{{ ptype }}-file" id="filefield" size="28">
        </form>
    </div>
</body>
</html>